<div class="page-header">
    <div class="h-bor"></div>
    <h4 class="title"><?php echo array_pop($_location)['title']; ?></h4>
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            {notempty name="_location"}
            {volist name="_location" id="v"}
            <li class="breadcrumb-item">
                <a href="javascript:void(0)">{$v.title}</a>
            </li>
            {/volist}
            {/notempty}
        </ol>
    </nav>
</div>
<style>
    .page-header{
        display: flex;
        line-height: 12px;
        padding-top: 15px;
        font-size: 19px;
        font-weight: 600;
        background: white;
        padding-bottom: 1.0rem;
        margin: 0;
        padding-left: 1.5rem;
    }
    .chat-block .chat-content .messages .message-item.message-item-divider span, .page-header .breadcrumb li.breadcrumb-item, .small, small {
        font-size: 14px;
        padding-left: 10px;
    }
    .title{
        font-weight: 600;
    }
    .h-bor{
        height: 15px;
        background: #007bff;
        width: 6px;
        margin-right: 11px;
        margin-top: 3px;
        padding-left: 3px;
    }
</style>